function IDraggable()
{
	this.dragStart = function(event)
	{
		
		var id = event.target.getAttribute('id');
        var style = window.getComputedStyle(event.target, null);
        var left = parseInt(style.getPropertyValue('left'), 10) - event.clientX;
        var top = parseInt(style.getPropertyValue('top'), 10) - event.clientY;

        event.effectAllowed = "copy";
        event.dataTransfer.setData('text/plain', id + ',' + left + ',' + top);
        
        /*
        var elm = document.getElementById(event.target.getAttribute('id')); 
                        
		event.effectAllowed = "copy";
		event.dataTransfer.setData("text/plain", 
			event.target.getAttribute('id') + ',' +
			(parseInt(elm.style.left,10) - event.clientX) + ',' + 
			(parseInt(elm.style.top,10) - event.clientY));
                     
		
		*/
		return false;
	};

	this.drag = function(event)
	{
		return false;
	};

	this.dragEnd = function(event)
	{
		return false;
	};
}